{% extends "docker_engine/base.html" %}


{% load staticfiles %}

{% block extra-css %}
<link rel="stylesheet" type="text/css" href="{% static 'docker_engine/assets/fancybox/source/jquery.fancybox.css' %}" />
<link rel="stylesheet" type="text/css" href="{% static 'docker_engine/assets/uniform/css/uniform.default.css' %}" />
<link rel="stylesheet" type="text/css" href="{% static 'docker_engine/assets/chosen-bootstrap/chosen/chosen.css' %}" />
<link rel="stylesheet" type="text/css" href="{% static 'docker_engine/assets/bootstrap/css/bootstrap-fileupload.css' %}" />
{% endblock %}


{% block content %}
<div id="page" class="dashboard">
    <div class="widget">
        <div class="widget-title">
            <h4><i class="icon-reorder"></i> Image Details</h4>
        </div>
        <form action="/docker/image/delete/" method="post" class="form-horizontal">
            {% csrf_token %}
            <div class="widget-body form">
                <div class="control-group">
                    <label class="control-label" for="tag">ID:</label>
                    <div class="controls">
                        <input type="text" class="span6" name="repository" value="{{ image.id }}" readonly="true" />
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="repository">Repository:</label>
                    <div class="controls">
                        <input type="text" class="span6" name="repository" value="{{ image.name }}" readonly="true" />
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="tag">Tag:</label>
                    <div class="controls">
                        <input type="text" class="span6" name="repository" value="{{ image.tag }}" readonly="true" />
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="tag">Size:</label>
                    <div class="controls">
                        <input type="text" class="span6" name="repository" value="{{ image.size }} MB" readonly="true" />
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="tag">Created:</label>
                    <div class="controls">
                        <input type="text" class="span6" name="repository" value="{{ image.created }}" readonly="true" />
                    </div>
                </div>

                <div class="form-actions">
                    <a href="{% url 'image_delete' image.name %}"><button type="submit" class="btn btn-danger">Delete Image</button></a>
                    <a href="{% url 'image_index' %}"><button type="button" class="btn">Back</button></a>
                </div>
            </div>
        </form>            
    </div>
</div>
{% endblock %}


{% block extra-js %}
<script src="{% static 'docker_engine/assets/chosen-bootstrap/chosen/chosen.jquery.min.js' %}"></script>
<script src="{% static 'docker_engine/assets/uniform/jquery.uniform.min.js' %}"></script>
<script src="{% static 'docker_engine/assets/fancybox/source/jquery.fancybox.pack.js' %}"></script>
<script src="{% static 'docker_engine/assets/bootstrap/js/bootstrap-fileupload.js' %}"></script>
<script src="{% static 'docker_engine/js/image/all.js' %}"></script>
<script src="{% static 'docker_engine/js/image/new.js' %}"></script>
{% endblock %}